<template>
  <div id="balance">
    <balance-nav-bar />
    <balance-panel />
    <balance-transaction />
    <router-view />
  </div>
</template>

<script>
import BalanceNavBar from "./childComps/BalanceNavBar";
import BalancePanel from "./childComps/BalancePanel";
import BalanceTransaction from "./childComps/BalanceTransaction";
export default {
  components: {
    BalanceNavBar,
    BalancePanel,
    BalanceTransaction,
  },
};
</script>
<style lang="less" scoped>
#balance {
  position: relative;
  height: 100vh;
  background-color: #f5f5f5;
  z-index: 1;
}
</style>